iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
0
Modern Web

30天每日死磕面试题3+1系列 第 6

DAY 6 :锚点的反复纵跳秘籍?如何实现一个全屏的功能?

  • 分享至 

  • xImage
  •  

HTML

什么是锚点?它的作用是什么?怎么创建一个锚点?

锚点为 HTML 文档中的一个特定的位置。比如小节标题、页首、页尾。锚点可以通过 a 标签来实现。

<!-- href 前一定要加 # 号,这样点击时就会跳转到对应 name 所在的 a 标签位置 -->
<a href="#anchor">xxx</a>

<!-- 锚点的位置 -->
<a name="anchor">xxx</a>

来个好玩的,秘籍:
反复纵跳

<a name="begin" href="#end">jump to end</a>
...
<a name="end" href="#begin">jump to begin</a>

CSS

有用过scss和sass吗?说说它们之间的区别是什么?

sass和scss其实是一样的css预处理语言,其后缀名是分别为 .sass和.scss两种。

SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss。

两者是有不同的,继sass之后scss的编写规范基本和css一致,sass时代是有严格的缩进规范并且没有‘{}’和‘;’。而scss则和css的规范是一致的。
参考文档: SCSS 与Sass 异同 .


JS

如何实现一个全屏的功能

// 针对某一元素进行全屏,其他元素都被屏蔽。有点类似聚焦的效果。
document.querySelector(".js-issue-title").requestFullscreen();
// 全屏聚焦document元素
document.documentElement.requestFullscreen();

或者在生产环境中,使用专门的库 例如 screenfull.js


今日的分享就到这里了,明天是第七天,我准备发布一些有趣的算法题,当然,面试题目也会留着,而且从明天开始,将不在当天直接发我的参考答案,而是第二天发布答案,所以希望大家可以在评论区多多留言,也可以互相参考答案,我也有不懂的地方,大家也可以一起多多交流!


上一篇
DAY 5 JS中如何实现继承?
下一篇
DAY 7 不用运算符算出两数之和?
系列文
30天每日死磕面试题3+19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言